<template>

	<view class="wrap-logo" :style="wrapStyle">
		<image class="icon-logo" src="/static/logo.png" :style="logoStyle"></image>
	</view>

</template>

<script setup>
	import {
		defineProps
	} from "vue"
	const props = defineProps(['wrapStyle','logoStyle'])
</script>

<style lang="less" scoped>

		.wrap-logo {
			position: relative;
			width: 158rpx;
			height: 158rpx;
			// background: #182836;
			border: 4rpx solid #3EA373;
			border-radius: 40rpx;
			box-sizing: border-box;
			margin: 0 auto;
		
			box-shadow: 0px 2rpx 54rpx 0px rgba(69,101,128,0.7);
			overflow: hidden;

			.icon-logo {
				position: relative;
				width: 100%;
				height: 100%;
				// position: absolute;
				// width: 158rpx;
				// height: 158rpx;
				// top: 50%;
				// left: 50%;
				// transform: translate(-50%, -50%);
				// -webkit-transform: translate(-50%, -50%);
				// vertical-align: top;
				// box-shadow: #fff;
			}
		}
	
</style>